@charset "utf-8";

body{margin-left:30px; margin-right:30px;margin-top:0px; font-size : small;}
#header{ width:100%;height:102px; background-color:#000;overflow:hidden;
}
#tu1{position:absolute;left:30px;}
#tu2{position:absolute;right:0;margin-right:30px;}

#nav{width:100%;height:25px;background:#333;}
#nav a{margin-left:15%;font-size:20px;background:#555;display:block;width:15%;float:left;text-align:center;border-radius:47%;opacity:0.6;fliter:alpha(opacity=60);height:25px;}
a:link{text-decoration: none;color:#000;}
a:hover{opacity:1;filter:alpha(opacity=100);color:red;}
#aside{background:#333;height:660px;width:12%;float:left;}
#section{background:#666;height:660px;width:88%;float:left;overflow:hidden;}
#footer{width:100%; height:60px;background-color:#ce0000;margin-bottom:0px;float:left;font-size:1.5em;}
#tu{width:48%;height:545px;float:left;margin:60px 0 0 60px;background-repeat:no-repeat;background-size:100%;border-radius:9px;}
#wenzi{width:38%;height:545px;float:left;margin:60px 0 0 50px;
font-size:1.5em; text-indent:20px;line-height:25px; }
#zi{margin-top:20px;}
#ul{list-style:none;padding-left:0;height:100%;width:100%;font-size:2em;}
#ul li{height:50px; margin:30px 0 0 0;background:#888;border-radius:49%;text-align:center;opacity:0.5;filter:alpha(opacity=50);text-align:center;}
#ul li:hover{opacity:1;filter:alpha(opacity=100);}
span{display:none;}

@media screen and (max-width:500px){
body{margin:0 3px 0 3px;padding:0; font-size : small;}
#header{ height:42px; }
#tu1{width:90px;height:40px;}
#tu2{width:90px;height:40px;}
#nav{height:20px;}
#nav a{font-size:10px;height:20px;border-radius:9px;}
#aside{height:60px;width:100%;float:left;}
#section{height:auto;width:100%;}
#footer{width:100%; height:50px;margin-bottom:0px;float:left;font-size:1em;}
#tu{width:98%;height:300px;float:left;margin:15px 5px 0 5px;background-repeat:no-repeat;background-size:100%;border-radius:9px;}
#wenzi{width:90%;height:auto;float:left;margin:5px 5px 0 5px;padding:0;
font-size:1em; text-indent:20px;line-height:18px; }
#zi{margin-top:5px;}

#ul{height:100%;width:100%;font-size:1em;overflow:hidden;}
#ul li{height:40px;width:10%; margin-top:0;margin-left:2%;float:left;border-radius:3px;}

}

